<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--【备注】手机浏览识别，以上4个元标记*必须*在头部；-->
		<title>司机已接单</title>
		<!--标准mui.css，公共样式-->
		<link rel="stylesheet" href="../css/mui.min.css" />
		<link href="../css/iconfont/iconfont.css" rel="stylesheet"/>
		<link href="../css/public.css" rel="stylesheet"/>
		<!--自定义个人端样式-->		
	    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=A8773a52f6d9bc0ecaea7f15acdd13e0"></script>
	</head>
	<style type="text/css">		
		.mui-bar{z-index: 200;}
		#div_show {height: 100%;position: fixed;top: 45px;width: 100%;z-index: 100;background: rgba(225, 225, 255, .1);}
		#div_hotelmap {height: 100%!important;}
		.box {position: relative;width: 112px;display: inline-block;}
		.d {line-height: 17px;height: 50px;width: 140px;display: inline-block;padding: 10px;border-radius: 10px;}
		.d:before {position: absolute;z-index: 2;left: 50px;top: 51px;content: '';width: 0;height: 0;border-style: solid;border-color: #aaa transparent transparent transparent;border-width: 14px;}
		.d:after {position: absolute;z-index: 3;left: 50px;top: 50px;content: '';width: 0;height: 0;border-style: solid;border-color: #263e56 transparent transparent transparent;border-width: 14px;}
		label {border: none!important;background: none!important;border-radius: 20px;}
		label .box {background: #263e56;border-radius: 5px;text-align: center;width: 140px;color: #fff;}
		/*-------------------------------首页立即下单start-----------------------------------*/			
		/*马上推荐*/
		.Recommend{position: absolute;bottom: 16em;left: 10px;background: red;z-index: 200;background: #f8f8f8;border: 1px solid #efefef;border-radius: 100px;padding: 0px 6px;}
		.Recommend h5{color: black;background: white;padding: 11px 15px;border-radius: 100px;padding: 6px 20px;border: 1px solid #efefef;}
		/*起始*/
		.fixed{position: fixed;bottom: 11px;z-index: 110;width: 95%;margin: 0 11px;background: white;padding-bottom: 15px;border-radius: 8px;border: 1px solid #DDDDDD;}
		.fixed form{background: none;}
		.fixed label{width: 15%;line-height: 23px;}
		.fixed label~input{width: 85%!important;height: 45px;}
		.mui-input-group .mui-input-row:after{left: 44px;}	   
		/*小费*/
		.fixed .mui-mid p{color: #ff9000;float: left;line-height: 40px;}
		.fixed .mui-mid input[type=number]{width: 24%;background: #fff;border: 1px solid #ff9000;margin-right: 11px;}			
		.fixed .mui-input-row{height: 45px;}
		.fixed .mui-mid button{border: 1px solid #ccc;width:calc(94%/2)!important;margin: 20px 4px;float: left;}
		.fixed .mui-mid h5{text-align: center;padding-bottom: 11px;font-size: 17px;}
		/*-------------------------------首页立即下单end-----------------------------------*/
		
		/*-------------------------------------立即下单start----------------------------------------*/
		/*下单信息*/
		.orde_top{position: absolute;top: 45px;z-index: 110;background: white;padding: 11px 15px;}
		.orde_top p a{color: green;}
		/*-------------------------------------立即下单end----------------------------------------*/
		
		.mui-btn.mui-disabled, .mui-btn:disabled, button.mui-disabled, button:disabled, input[type=button].mui-disabled, input[type=button]:disabled, input[type=reset].mui-disabled, input[type=reset]:disabled, input[type=submit].mui-disabled, input[type=submit]:disabled{background: transparent;color: #999;}
		#call_btn{background: transparent;border-radius: 34px;width: 32px;height: 32px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);border: none;}
		#call_btn i{margin:-5px -14px;}
	</style>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left color6"></a>
		    <h1 class="mui-title">司机已接单</h1>
		    <a href="order_cancel.html" class="mui-pull-right mui-icon">
		    	<h5 class="color_green">取消订单</h5>
		    </a>
		</header>
		<div class="mui-content">
			<div class="fixed">
				<div class="mui-clearfix m_le11_lr15 pos_re customer_info" onclick="tool.openNewPage('driver_info.html')">
					<a class="mui-pull-left">
						<img src="../public/images/user2.jpg" class="circle60 b1"/>
					</a>
					<div class="mui-pull-left p_l10">
						<div class='store-star'>
							<span>赵师傅</span>
							<div class='star-outer'>
								<div class='star-inner' data-level='4'></div>
							</div>
						</div>
						<p class="color3 m_t16">手机号：<span id="phone_num">12345678900</span></p>
					</div>
					<button id="call_btn" disabled >
						<a class="colorP" href="tel:12345678900">
							<i class="iconfont mui-icon font36 icon-service-phone"></i>
						</a>
					</button>	
				</div>
				<!--<form class="mui-input-group m_r15">
				    <div class="mui-input-row b_b1">
				        <label><span class="iconfont mui-icon font18 colorP icon-dian-copy"></span></label>
				        <input type="text" class="mui-input-clear mui-pull-left font14" id="initial_position" placeholder="正在获取当前位置" value="">
				    </div>
				    <div class="mui-input-row">
				        <label><span class="iconfont mui-icon font18 color_orange icon-dian-copy"></span></label>
				        <input type="text" class="w80 mui-pull-left font14" id="map_num" placeholder="凤凰大厦"  value="凤凰大厦">				    	
				    </div>
				</form>	-->
			</div>
			<div class="content" id="allmap"></div>
			<div id="div_show"> </div>
		</div>
	</body>
	<!-- Mui core JavaScript-->
	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery-2.2.4.min.js"></script>
	<script type="text/javascript" src="../js/appconfig.js"></script>
	<!--地图-->
	<script src="../js/map/Received_order.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		mui.init();
		//地图高度
		var h=$(window).height()-45;
		$('.mui-content').css("height",h+"px");		
		
		function divtoshow() {	
			div_show = document.getElementById("div_show");
			div_show.innerHTML = "<div class='Recommend' onclick='Recom()'><h5>马上推荐</h5></div>"
			getshade();
			getpopup();
			getbaidumap(113.837, 22.745);
		}
		window.onload = function() {
			divtoshow();
		}
		function hello(){ 
			$(".d").html("司机就位等待中...<br/>已等待00：10：00");
		} 
		//马上推荐
		function Recom(){
			tool.openNewPage('my_recommend.html');
		}
		document.addEventListener( "plusready", onPlusReady, false );
		// 扩展API加载完毕，现在可以正常调用扩展API
		function onPlusReady() {
			plus.geolocation.getCurrentPosition( function ( p ) {
				$('#initial_position').val(p.address.poiName);
			}, function ( e ) {
			//	alert( "Geolocation error: " + e.message );
			} );
		}
		
		//判断起始位置是否有值
//		$('#initial_position').on('blur',function(){
//			if($(this).val() == ""){
//				mui.toast('请输入起始位置');return;
//			} else {
//				//判断起始位置没有值
//				if($('#initial_position').val() !="" && $('#map_num').val()!=""){
//					$('#call_driver').attr('disabled',false);
//				}
//			}
//		})		
		//使用方法名字执行方法 
		var t1 = window.setTimeout(hello,3000);  
		//var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法 
		window.clearTimeout(t1);//去掉定时器 
		tool.calculateStarWidth();//计算等级星星的宽度
		
		//倒计时跳转页面
//		$(document).ready(function(){
//		   	setTimeout(function(){
//				tool.openNewPage('Trip.html')	
//		  	},10000);
//		});
	</script>
<!--	<script src="../js/data/getOrider.js" type="text/javascript" charset="utf-8"></script>-->
</html>